<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <script>
            // const test1 = async () => {
            //     return "ok";
            // };
            // const res1 = test1();
            // console.log(res1); // 经过async包裹后的 普通数据 也会是promise对象

            // const test2 = async () => {
            //     return new Promise((resolve, reject) => {
            //         resolve("a");
            //     });
            // };
            // const res2 = test2();
            // // 如果async 包裹的还是promise对象 那么需要调用then
            // res2.then((a) => {
            //     console.log(a);
            // });

            // // async  await 组合使用

            // const test3 = async () => {
            //     const res = await new Promise((resolve, reject) => {
            //         setTimeout(() => {
            //             resolve("ok");
            //             console.log("1111"); // await 实际上就是等待异步函数执行完毕 再执行同步
            //         }, 1000);
            //     });
            //     console.log("2222");
            //     console.log(res);
            // };
            // test3();

            // 处理成功 失败的方法

            const getApis = async () => {
                try {
                    const res1 = await api1();
                    const res2 = await api2(res1.data[0].id);
                    console.log("构建页面...", res2);
                } catch (error) {
                    console.log(error);
                }
            };
        </script>
    </body>
</html>
